﻿
/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector *
{
    width: 200px;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
.date_selector
{
    background: #F2F2F2;
    border: 1px solid #bbb;
    padding: 5px;
    margin: -1px 0 0 0;
    position: absolute;
    z-index: 100000;
    display: none;
}
.date_selector_ieframe
{
    position: absolute;
    z-index: 99999;
    display: none;
}
.date_selector .ds_nav
{
}
.date_selector .month_nav, .date_selector .year_nav
{
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}
.date_selector .month_nav
{
    float: left;
    width: 40%;
}
.date_selector .year_nav
{
    float: right;
    width: 45%;
    margin-right: 0px; /* Compensates for cell borders */
}
.date_selector .month_name, .date_selector .year_name
{
    font-weight: bold;
}
.date_selector .button
{
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    color: #003C78;
    text-align: center;
    overflow: hidden;
    border: 1px solid #F2F2F2;
}
.date_selector .button:hover, .date_selector .button.hover
{
    background: none;
    color: #003C78;
    cursor: pointer;
    border-color: #ccc;
}
.date_selector .prev
{
    left: 0;
}
.date_selector .next
{
    right: 0;
}
.date_selector table
{
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
}
.date_selector th, .date_selector td
{
    width: 24px;
    height: 20px;
    padding: 0;
    text-align: center;
    color: black;
}
.date_selector td
{
    border: 1px solid #ccc;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    color: #003C78;
    background: white;
}
.date_selector td.today
{
    background: #FFFEB3;
}
.date_selector td.unselected_month
{
    color: #ccc;
}
.date_selector td.selectable_day
{
    cursor: pointer;
}
.date_selector td.selected
{
    background: #D8DFE5;
    font-weight: bold;
}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover
{
    background: #003C78;
    color: white;
}

/* monthinput */
.month_selector, .month_selector *
{
    width: 150px;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
.month_selector
{
    background: #F2F2F2;
    border: 1px solid #bbb;
    padding: 5px;
    margin: -1px 0 0 0;
    position: absolute;
    z-index: 100000;
    display: none;
}
.month_selector_ieframe
{
    position: absolute;
    z-index: 99999;
    display: none;
}
.month_selector .ds_nav
{
}
.month_selector .year_nav
{
    text-align: center;
    overflow: hidden;
    margin-bottom: 3px;
}
.month_selector .year_nav span
{
	display: inline;
	padding: 1px 3px;
}
.month_selector .year_name
{
    font-weight: bold;
    padding: 0px 5px;
    width: 92px;
    text-align:center;
}
.month_selector .button
{
    display: block;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #003C78;
    text-align: center;
    overflow: hidden;
    border: 1px solid #F2F2F2;
}
.month_selector .button:hover, .month_selector .button.hover
{
    background-color: #ffffff;
    color: #003C78;
    cursor: pointer;
    border-color: #aaaaaa;
}
.month_selector .prev
{
}
.month_selector .next
{
}
.month_selector table
{
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
    border-width: 1px;
}
.month_selector td
{
    width: 16%;
    height: 20px;
    padding: 0;
    text-align: center;
    border: 1px solid #cccccc;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    color: #003C78;
    background: white;
    cursor: pointer;
}
.month_selector td:hover 
{ 
    background: #003C78;
    color: white;
}
.month_selector td.tomonth
{
    background: #FFFEB3;
}
.month_selector td.tomonth:hover 
{ 
    background: #FFFEB3;
    color: #003C78;
}
.month_selector td.selected
{
    background: #D8DFE5;
    font-weight: bold;
}
/* 金额输入 */
.moneyinput { text-align: right; ime-mode: none; }

/* autocomplete.js 涉及样式 */
.ac_results
{
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 100000;
}
.ac_results ul
{
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #369;
    background-color: #ddd;
}
.ac_results li
{
    text-align:left;
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
    font: menu;
    font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
    line-height: 16px;
    overflow: hidden;
}
.ac_loading
{
    background: white url('indicator.gif') right center no-repeat;
}
.ac_odd
{
    background-color: #eee;
}
.ac_over
{
    background-color: #0A246A;
    color: white;
}

/* condition */
.condition { padding-bottom: 20px; overflow: auto; }
.condition ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
.condition ul li { list-style-type: none; overflow: auto;}
.condition .c_title { width: 100px; display: inline-block; float: left; }
.condition .c_condition { width: 340px; float: left; }
.condition .c_condition input.text { width: 165px; }
.condition .c_condition input.dateinput { width: 73px; }
.condition .c_condition input.monthinput { width: 73px; }
.condition .c_condition input.moneyinput { width: 73px; }
.condition .c_condition select.select { width: 165px; }
.condition .c_button { float: left; width: auto; overflow: visible;padding: 1px; line-height: 26px;}
.condition .c_button .cbcontent { width: auto; overflow: visible;}
.condition .c_button .cbcontent a { text-decoration: none; border: solid 1px white; margin: auto; padding: 1px;}
.condition .c_button .cbcontent a img { padding: 0px; vertical-align: absmiddle !important; vertical-align: middle;}
.condition .c_button .cbcontent a:hover {border: solid 1px #7EABCD; background: url(../Images/pagination/button_plain_hover.png) repeat-x; }
.condition .c_button input {margin-left: 10px;}

/* pagination */
.icon-export{
	background:url('../Images/pagination/download.jpg') no-repeat;
} 
a.l-btn{
	color:#444;
	background:url('../Images/pagination/button_a_bg.gif') no-repeat top right;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	zoom:1;
	height:24px;
	padding-right:18px;
}
a.l-btn-plain{
	background:transparent;
	padding-right:5px;
	margin:1px;
	border:1px solid transparent;
}

a.l-btn-disabled{
	color:#ccc;
	opacity:0.5;
	filter:alpha(opacity=50);
}
a.l-btn span.l-btn-left{
	display:block;
	background:url('../Images/pagination/button_span_bg.gif') no-repeat top left;
	padding:5px 0px 5px 18px;
	line-height:14px;
}
a.l-btn-plain span.l-btn-left{
	background:transparent;
	padding-left:5px;
}

a.l-btn span span.l-btn-text{
	padding-bottom:2px;
	padding-top:2px;
	padding-top:0px;
}
a.l-btn span span span.l-btn-empty{
	padding-bottom:2px;
	padding-top:1px;
	padding-right:10px;
	padding-top:0px;
	padding-right:13px;
}
a:hover.l-btn{
	background-position: bottom right;
	outline:none;
}
a:hover.l-btn span.l-btn-left{
	background-position: bottom left;
}

a:hover.l-btn-plain{
	border:1px solid #7eabcd;
	margin:1px;
	background:url('../Images/pagination/button_plain_hover.png') repeat-x left bottom;
}
a:hover.l-btn-disabled{
	background-position:top right;
}
a:hover.l-btn-disabled span.l-btn-left{
	background-position:top left;
}
.pagination{
	zoom:1;
	background:#efefef;border:1px solid #ccc;height:20; overflow: auto;
}
.pagination table{
	float:left;
	margin-bottom:0px;
}
.pagination-btn-separator{
	float:left;
	height:24px;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	margin:3px 1px;
}
.pagination-num{
	border:1px solid #ccc;
	margin:0 2px;
}
.pagination-page-list{
	margin:0px 6px;
}
.pagination-info{
	float:right;
	padding-right:6px;
	padding-top:8px;
	font-size:12px;
	overflow:hidden;
}
.pagination span{
	font-size:12px;
}
.icon-down{
	background:url('../Images/pagination/download.png') no-repeat;
}
.icon-tick{
	background:url('../Images/pagination/tick.png') no-repeat;
}
.icon-pay{
	background:url('../Images/pagination/pay.jpg') no-repeat;
} 
.pagination-first{
	background:url('../Images/pagination/pagination_first.gif') no-repeat;
}
.pagination-prev{
	background:url('../Images/pagination/pagination_prev.gif') no-repeat;
}
.pagination-next{
	background:url('../Images/pagination/pagination_next.gif') no-repeat;
}
.pagination-last{
	background:url('../Images/pagination/pagination_last.gif') no-repeat;
}
.pagination-load{
	background:url('../Images/pagination/pagination_load.png') no-repeat;
}
.pagination-loading{
	background:url('../Images/pagination/pagination_load.gif') no-repeat;
}

/* fixColumn */
.fixColumnDiv { overflow: auto; position: relative; width: 100px; }
.fixColumnDivParent {position: relative; padding: 0px; border: solid 1px #A7C2E7; overflow:hidden;}
.fixColumn { border-collapse: collapse; white-space: nowrap; background-color: White; }
.fixColumn td, .fixColumn th { white-space: nowrap; padding: 2px; overflow: visible; font-weight: normal; text-align: center; border: solid 1px #eee;}
.fixColumn thead { background-color: #E2ECF5; }
.fixColumn thead td, .fixColumn thead th { font-weight: bold; }
.fixColumn a, .fixColumn a:active, .fixColumn a:hover, .fixColumn a:linked { color: #407ACA; }

/* editTable */
table.detail { border: solid 1px #A7C2E7; margin: 5px auto; width: 95%; border-collapse: collapse; }
table.detail thead { color: #407ACA; font-weight: bold; background-color: #eeeeee; }
table.detail td { border: solid 1px #A7C2E7; line-height: 20px; text-align: center; padding: 2px;}
table.detail td.tleft {text-align: left;}
table.detail td.tright {text-align: right;}
table.detail td input { border-width: 0px 0px 1px 0px; border-bottom: dotted 1px gray; width: 95%;}
		
#editTableDiv { background-color: #E2ECF5; border: solid 1px #A7C2E7; padding: 2px; overflow: visible; }
.editTableInput { border-width: 0px; }
.editTableBtn { text-decoration: none; border: solid 1px white; padding: 1px; margin: 2px 4px;}
.editTableBtn tr {zoom: 1;}
.editTableBtn img { border: none 1px white; padding: 0px; margin: 1px auto; vertical-align: absmiddle !important; vertical-align: middle; }
.editTableBtn:hover {border: solid 1px #7EABCD; background: #f4f4f4; }
.editTd { background: url(../Images/editTd.gif) no-repeat right top; }
